@charset "UTF-8";
@import "step";
/* 初始化*/
*{ margin: 0; padding: 0; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font: 0.24rem Helvetica Regular,Microsoft YaHei,sans-serif,Tahoma; color: $color; }
input { outline: none; }
em, i { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; color: $color;; font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; }
a:hover { text-decoration: none; color: $theme;}
a:active{color: $theme;}
img { border: none; -ms-interpolation-mode: bicubic; }
img[src='images/img404.png'] { border: 0; width: auto !important; height: auto !important; -o-object-fit: cover !important; object-fit: cover !important; position: absolute; top: 50%; left: 50%; max-height: 40%; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clear { zoom: 1; }
.bjfff{background: #fff !important;}
#warp { min-width: 320px; max-width: 750px; margin: 0 auto;  overflow: hidden; position: relative; font-size: 0.24rem; min-height: 100vh; }
.box_flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.box_flex_1 { -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; flex: 1; }
html { font-size: calc(100vw / 7.5); }
@media (min-width: 750px) { html { font-size: 100px; } }
@media (max-width: 280px) { html { font-size: 35px; } }
.content { min-height: calc(100vh - 3.7rem); position: relative; }
.noscroll{height: 100vh; overflow: hidden;}
.hide{display: none;}
/*头部*/
.urllinkbox{
    border: solid 1px #ebebeb;
    position: relative;
    margin: 2rem 0.2rem;
    border-radius: 0.1rem;
    .text{
        padding: 0.3rem 0.4rem;
        font-size: 0.24rem;
         .bt{
            font-weight: bold;
         }
         p{
            line-height: 0.4rem;
            padding: 0.1rem 0;
         }
         .url{
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
         }
    }
    .btnbox{
        border-top: 1px solid #ebebeb;
        padding-top: 0.2rem;
        margin: 0 0.2rem;
        
        .btn{
            height: 0.6rem;
            float: left;
            line-height: 0.6rem;
            border:1px solid #ebebeb;
            padding: 0 0.2rem;
            margin-left: 0.2rem;
            margin-bottom: 0.2rem;
            cursor: pointer;
            border-radius: 0.1rem;
            color: #555555;
            &:hover{
                opacity: 0.9;
            }
        }
        .btn1{
            color: #fff;
            background: $theme;
            border-color: $theme;
        }

    }
}
